<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>结算页</title>
	<link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/getOrderInfo.css" />
</head>

<body>
<!--页面顶部-->
<div id="nav-bottom" style="background: white;">
	<!--顶部-->
	<div class="nav-top">
		<div class="top">
			<div class="py-container" >
				<div class="shortcut">
					<ul class="fl">
						<li class="f-item">您好！</li>
						<li class="f-item">  请<a href="login.html" target="_blank" style="padding-left: 10px;">登录</a>　<span><a href="register.html" target="_blank">免费注册</a></span></li>
					</ul>
					<ul class="fr">
						<li class="f-item">我的订单</li>
						<li class="f-item space"></li>
						<li class="f-item">我的FM</li>
						<li class="f-item space"></li>
						<li class="f-item">FM会员</li>
						<li class="f-item space"></li>
						<li class="f-item">企业采购</li>
						<li class="f-item space"></li>
						<li class="f-item">客户服务</li>
						<li class="f-item space"></li>
						<li class="f-item">客户服务</li>
						<li class="f-item space"></li>
						<li class="f-item">网站导航</li>
					</ul>
				</div>
			</div>
		</div>
		<!--头部-->
		<div class="header" style="border-bottom: none;">
			<div class="py-container" style="background: white;">
				<div class="yui3-g Logo">
					<div class="yui3-u Left logoArea" style="padding-top: 40px;">
						<img src="img/logo.png" width="60" height="60" alt="" style="float:left; margin-right: 10px;">
						<div style="font-size: 28px; color: #2b2b2b; margin-top: 18px;">FM商城</div>
					</div>
					<div class="yui3-u Center searchArea" style="position: absolute; right: 238px; top: 30px;">
						<div class="search">
							<form action="" class="sui-form form-inline">
								<div class="input-append">
									<input type="text" id="autocomplete" type="text" class="input-error input-xxlarge" />
									<a class="sui-btn btn-xlarge btn-danger" href="search.html">搜索</a>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="cart py-container">
		<!--主内容-->
		<div class="checkout py-container">
			<div class="checkout-tit">
				<h4 class="tit-txt">填写并核对订单信息</h4>
			</div>
			<div class="checkout-steps">
				<!--收件人信息-->
				<div class="step-tit">
					<h5>收件人信息<span><a data-toggle="modal" data-target=".edit" data-keyboard="false" class="newadd">新增收货地址</a></span></h5>
				</div>
				<div class="step-cont">
					<div class="addressInfo">
						<ul class="addr-detail">
							<li class="addr-item">
							  <div>
								<div class="con name selected"><a href="javascript:;" >FMJava<span title="点击取消选择"/>&nbsp;</a></div>
								<div class="con address">FMJava 江苏省南京市*****102街道 新街口 <span>185****8754</span>
									<span class="base">默认地址</span>
									<span class="edittext"><a data-toggle="modal" data-target=".edit" data-keyboard="false" >编辑</a>&nbsp;&nbsp;<a href="javascript:;">删除</a></span>
								</div>
								<div class="clearfix"></div>
							  </div>
							  <div>
								<div class="con name"><a href="javascript:;">鲁班<span title="点击取消选择"/>&nbsp;</a></div>
								<div class="con address">鲁** 王************* ***** <span>185****8754</span>
								<span class="edittext"><a data-toggle="modal" data-target=".edit" data-keyboard="false" >编辑</a>&nbsp;&nbsp;<a href="javascript:;">删除</a></span>
								</div>
								<div class="clearfix"></div>
							  </div>
							  <div>
								<div class="con name"><a href="javascript:;">后**<span title="点击取消选择"/>&nbsp</a></div>
								<div class="con address">后** 王*****************8号楼  <span>185****8754</span>
								<span class="edittext"><a data-toggle="modal" data-target=".edit" data-keyboard="false" >编辑</a>&nbsp;&nbsp;<a href="javascript:;">删除</a></span>
								</div>
								<div class="clearfix"></div>
							  </div>
							</li>
						</ul>
						<!--添加地址-->
                          <div  tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade edit">
						  <div class="modal-dialog">
						    <div class="modal-content">
						      <div class="modal-header">
						        <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
						        <h4 id="myModalLabel" class="modal-title">添加收货地址</h4>
						      </div>
						      <div class="modal-footer">
						        <button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">确定</button>
						        <button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">取消</button>
						      </div>
						    </div>
						  </div>
						</div>
						 <!--确认地址-->
					</div>
					<div class="hr"></div>
					
				</div>
				<div class="hr"></div>
				<!--支付和送货-->
				<div class="payshipInfo">
					<div class="step-tit">
						<h5>支付方式</h5>
					</div>
					<div class="step-cont">
						<ul class="payType">
							<li class="selected">微信付款<span title="点击取消选择"></span></li>
							<li>货到付款<span title="点击取消选择"></span></li>
						</ul>
					</div>
					<div class="hr"></div>
					<div class="step-tit">
						<h5>送货清单</h5>
					</div>
					<div class="step-cont">
						<ul class="send-detail">
							<li>
								<div class="sendGoods">
									<ul class="yui3-g">
										<li class="yui3-u-1-6">
											<span><img src="img/cart1.jpg"/></span>
										</li>
										<li class="yui3-u-7-12">
											<div class="desc">	华为 HUAWEI nova 5 Pro 前置3200万人像超级夜景4800万AI四摄麒麟980</div>
											<div class="seven">7天无理由退款</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="price">￥2999.00</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="num">X1</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="exit">有货</div>
										</li>
									</ul>
								</div>
							</li>
							<li>
								<div class="sendGoods">
									<ul class="yui3-g">
										<li class="yui3-u-1-6">
											<span><img src="img/cart2.jpg"/></span>
										</li>
										<li class="yui3-u-7-12">
											<div class="desc">	小米9 4800万超广角三摄 6GB+128GB深空灰 骁龙855 全网通</div>
											<div class="seven">7天无理由退款</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="price">￥2799.00</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="num">X1</div>
										</li>
										<li class="yui3-u-1-12">
											<div class="exit">有货</div>
										</li>
									</ul>
								</div>
							</li>

						</ul>
					</div>
					<div class="hr"></div>
				</div>

				<div class="cardInfo">
					<div class="step-tit">
						<h5>使用优惠/抵用</h5>
					</div>
				</div>
			</div>
		</div>
		<div class="order-summary">
			<div class="static fr">
				<div class="list">
					<span><i class="number">2</i>件商品，总商品金额</span>
					<em class="allprice">¥5798.00</em>
				</div>
				<div class="list">
					<span>返现：</span>
					<em class="money">0.00</em>
				</div>
				<div class="list">
					<span>运费：</span>
					<em class="transport">10.00</em>
				</div>
			</div>
		</div>
		<div class="clearfix trade">
			<div class="fc-price">应付金额:　<span class="price">¥5808.00</span></div>
			<div class="fc-receiverInfo">寄送至:江苏省南京市*****102街道 收货人：FMJava 185****8754</div>
		</div>
		<div class="submit">
			<a class="sui-btn btn-danger btn-xlarge" href="pay.html">提交订单</a>
		</div>
	</div>
<!--页面底部-->
<div class="clearfix footer">
	<div class="py-container">
		<div class="footlink">
			<div class="Mod-service">
				<div class="mod_service" clstag="h|keycount|btm|btmnavi_null01">
					<div class="grid_c1 mod_service_inner">
						<ul class="mod_service_list">
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_duo">多</h5>
									<p class="mod_service_txt">品类齐全，轻松购物</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_kuai">快</h5>
									<p class="mod_service_txt">多仓直发，极速配送</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_hao">好</h5>
									<p class="mod_service_txt">正品行货，精致服务</p>
								</div></li>
							<li class="mod_service_item">
								<div class="mod_service_unit">
									<h5 class="mod_service_tit mod_service_sheng">省</h5>
									<p class="mod_service_txt">天天低价，畅选无忧</p>
								</div></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clearfix Mod-list">
				<div class="yui3-g">
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">购物指南</h5>
						<ul class="unstyled">
							<li>购物流程</li>
							<li>会员介绍</li>
							<li>生活旅行/团购</li>
							<li>常见问题</li>
							<li>购物指南</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">配送方式</h5>
						<ul class="unstyled">
							<li>上门自提</li>
							<li>211限时达</li>
							<li>配送服务查询</li>
							<li>配送费收取标准</li>
							<li>海外配送</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">支付方式</h5>
						<ul class="unstyled">
							<li>货到付款</li>
							<li>在线支付</li>
							<li>分期付款</li>
							<li>邮局汇款</li>
							<li>公司转账</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">售后服务</h5>
						<ul class="unstyled">
							<li>售后政策</li>
							<li>价格保护</li>
							<li>退款说明</li>
							<li>返修/退换货</li>
							<li>取消订单</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h5 style="font-size: 15px;">特色服务</h5>
						<ul class="unstyled">
							<li>夺宝岛</li>
							<li>DIY装机</li>
							<li>延保服务</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<div class="mod_help_cover">
							<h5 class="mod_help_cover_tit">自营覆盖区县</h5>
							<div class="mod_help_cover_con">
								<p class="mod_help_cover_info">已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
								<p class="mod_help_cover_more">
									<a href="//help.jd.com/user/issue/103-983.html" target="_blank">查看详情
									</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="Mod-copyright">
				<ul class="helpLink">
					<li>关于我们<span class="space"></span></li>
					<li>联系我们<span class="space"></span></li>
					<li>联系客服<span class="space"></span></li>
					<li>合作招商<span class="space"></span></li>
					<li>商家帮助<span class="space"></span></li>
					<li>营销中心<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>销售联盟<span class="space"></span></li>
					<li>友情链接<span class="space"></span></li>
					<li>隐私政策</li>
				</ul>
				<p>京公网安备 1****002000088号|京ICP证0*****9号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大1*****2号</p>
				<p>京ICP备0*****1号京公网安备1***********2</p>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/pages/getOrderInfo.js"></script>
</body>

</html>